<template>
    <div class="col-sm-2 col-md-1 sidebar">
      <button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#friendList" aria-expanded="true" aria-controls="friendList">
      我的同帮
      </button>
      <div id="friendList" class="collapse in">
        <ul class="nav nav-sidebar">
          <li v-for="name in friends">
            <a href="#">{{name}}</a>
          </li>
        </ul>
      </div>
      <Camera></Camera>
      </div>
</template>
<script>
    import Camera from './Camera'
    /* eslint-disable */
    export default {
      name: 'SideBar',
      components: {
        Camera
      },
      computed: {
        friends () {
          return this.$store.state.user.friends;
        }
      }
    }
</script>